<template>
  <view>
    <navigator url="/packageA/pages/cat/cat">跳转分包A</navigator>
    <navigator url="/pages/selector-query/selector-query">节点查询</navigator>
    <navigator url="/pages/form/form">表单校验</navigator>
    <navigator url="/pages/iconfont/iconfont">字体图标</navigator>
  </view>

  <uni-badge size="small" :text="100" absolute="rightBottom" type="primary">
    <button type="default">右下</button>
  </uni-badge>

  <uni-badge text="1"></uni-badge>

  <uni-badge text="2" type="purple" @click="bindClick"></uni-badge>

  <uni-badge text="3" type="primary" :inverted="true"></uni-badge>

  <custom-tabs></custom-tabs>
</template>

<script setup>
  // export default {
  //   onLoad() {
  //     console.log('页面加载-onload 场景：获取页面参数 调用只需要发一次请求')
  //   },
  //   onShow() {
  //     console.log(
  //       '页面加载-onshow 场景：在其他页面可添加商品 切换显示到购物车页时 需要重新加载最新数据'
  //     )
  //   },
  //   onHide() {
  //     console.log('页面隐藏 场景：页面隐藏时停止定时器，页面显示时在启动定时器')
  //   },
  //   onReady() {
  //     console.log('页面渲染完成 场景：获取组件的宽高')
  //   },
  // }

  //
  import { onLoad, onShow } from '@dcloudio/uni-app'
  import { onMounted } from 'vue'
  onLoad(() => {
    console.log('页面加载-onload2 场景：获取页面参数 调用只需要发一次请求')
  })
  onShow(() => {
    console.log(
      '页面加载-onshow 场景：在其他页面可添加商品 切换显示到购物车页时 需要重新加载最新数据'
    )
  })

  // vue 的生命周期 建议旨在自定义组件中使用
  // 注意事项 keep-alive 的两个生命周期钩子不建议使用 因为只兼容H5端
  onMounted(() => {
    console.log('vue 生命周期 挂载完成')
  })
</script>

<style></style>
